<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
</head>
<style>
    *{
        padding: 0px;
        margin: 0px;
    }
    img{
        right: 510px;
        top: 10px;
        position: absolute;
    }
</style>
<script src="../js/jquery-3.4.1.js"></script>
<script>
    $(function () {
        $("#userName").val("张三");
        $("input[type='radio']").val(["0"]);
        $("input[type='checkbox']").val(["0", "1"]);
        $("#single").val("2018");
        $("#add").click(function () {
            // var tr=$("<tr><td>2016-2019</td><td>河北师范大学</td></tr>");
            var tr=$("<tr><td><input type='text'></td><td><input type='text'></td></tr>");
            $("table").append(tr);
        });
        $("#head").click(function () {
            $("img").fadeToggle(1000);
        });
    })
</script>
<body>
<img src="../images/timg.jpg">
姓名：<input type="text" name="userName" id="userName"> <button id="head">头像显示</button><br/>
性别：<input type="radio" name="sex" value="0">男<input type="radio" name="sex" value="1">女<br/>
爱好：<input type="checkbox" value="0">唱歌<input type="checkbox" value="1">跳舞
<input type="checkbox" value="2">书法<br/>
年级：<select id="single">
    <option value="2017">2017级</option>
    <option value="2018">2018级</option>
</select><br/>
学习经历：<button id="add">添加一条经历</button>
<table>
    <tr><th>起始-终止时间</th><th>地点</th></tr>
</table>


</body>
</html>